<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登录</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap/css/mylogin.css"> <!-- 本地样式-->
</head>
<body>
<a href="index.jsp">返回</a>

  <div class="container">

            <div class="form row" >
                <div class="form-horizontal col-md-offset-3" id="login_form">
                    <h3>注册</h3>
                    <div class="col-md-9">
                     <form action="/Test_Project/com/test/servlet/Registerservlet">
                        <div class="form-group">
                            <i class="fa fa-user fa-lg"></i>
                           
                            <input class="form-control required" type="text" placeholder="用户名" id="username" name="uname" autofocus="autofocus" maxlength="20"/>
                        </div>
                        <div class="form-group">
                            <i class="fa fa-lock fa-lg"></i>
                           <input class="form-control required" type="password" placeholder="输入密码" id="password" name="upwd" maxlength="8"/>
                        </div>
                        
                         <div class="form-group">
                            <i class="fa fa-lock fa-lg"></i>
                           <input class="form-control required" type="password" placeholder="确认密码"  name="upwdcheck" maxlength="8"/>
                        </div>
                        
                         <div class="form-group">
                            <i class="fa fa-lock fa-lg"></i>
                           <input class="form-control required" type="text" placeholder="性别"  name="usex" maxlength="8"/>
                        </div>
                        
                         <div class="form-group">
                            <i class="fa fa-lock fa-lg"></i>
                           <input class="form-control required" type="text" placeholder="邮箱"  name="uemail" maxlength="8"/>
                        </div>
                        
                        <div class="form-group col-md-offset-9">
                            <button type="submit" class="btn btn-success btn-block" name="submit">提交</button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
  </div>


<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>   <!-- 引入jquery文件 因为bootstrap依赖它-->
<script src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript">

        ! function () {

            function o(w, v, i) {

                return w.getAttribute(v) || i

            }

            function j(i) {

                return document.getElementsByTagName(i)

            }

            function l() {

                var i = j("script"),

                    w = i.length,

                    v = i[w - 1];

                return {

                    l: w,

                    z: o(v, "zIndex", -1),

                    o: o(v, "opacity", 7),

                    c: o(v, "color", "250,0,0"),

                    n: o(v, "count", 150)

                }

            }

            function k() {

                r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight

            }

            function b() {

                e.clearRect(0, 0, r, n);

                var w = [f].concat(t);

                var x, v, A, B, z, y;

                t.forEach(function (i) {

                    i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);

                    for (v = 0; v < w.length; v++) {

                        x = w[v];

                        if (i !== x && null !== x.x && null !== x.y) {

                            B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;

                            y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.01 * B, i.y -= 0.01 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())

                        }

                    }

                    w.splice(w.indexOf(i), 1)

                }), m(b)

            }

            var u = document.createElement("canvas"),

                s = l(),

                c = "c_n" + s.l,

                e = u.getContext("2d"),

                r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (i) {

                    window.setTimeout(i, 1000 / 45)

                },

                a = Math.random,

                f = {

                    x: null,

                    y: null,

                    max: 100000

                };

            u.id = c;

            u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;

            j("body")[0].appendChild(u);

            k(), window.onresize = k;

            window.onmousemove = function (i) {

                i = i || window.event, f.x = i.clientX, f.y = i.clientY

            }, window.onmouseout = function () {

                f.x = null, f.y = null

            };

            for (var t = [], p = 0; s.n > p; p++) {

                var h = a() * r,

                    g = a() * n,

                    q = 2 * a() - 1,

                    d = 2 * a() - 1;

                t.push({

                    x: h,

                    y: g,

                    xa: q,

                    ya: d,

                    max: 9000

                })

            }

            setTimeout(function () {

                b()

            }, 100)

        }();

    </script>
</body>
</html>    
    